import React from "react";
import "./ZoneTableModal.scss"; // 引入样式

const Modal = ({ isOpen, onClose }) => {
  if (!isOpen) return null; // 如果弹框未打开，则不渲染

  return (
    <div className="modal-overlay" onClick={onClose}>
      <div className="modal-content" onClick={(e) => e.stopPropagation()}>
          <div className="modal-content_box_1">
            <div className="modal-content_text_1">估值是什么？</div>
            <div className="modal-content_text_2">
                估值是一种评价金融资产价格高低的方式。一般而言，估值越低，资产价格越便宜，买入其可能的盈利空间越大,安全边际越高。常用市盈率(PE)近10年百分位衡量指数的估值。
            </div>
            <div className="modal-content_text-wrapper_1 justify-center" onClick={onClose}>
              <div className="text_3">我知道了</div>
            </div>
          </div>
      </div>
    </div>
  );
};

export default Modal;